<#setting classic_compatible=true> 
<#assign base=request.contextPath /> <!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>统一消息中心</title>
<link rel="icon" href="${base}/zhgl-jzstyxx-manage/images/favicon.ico" type="image/ico" />
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/bootstrap-table.min.css">
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/bootstrap-select.min.css">
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/bootstrap-datetimepicker.css">
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/bootstrap-datetimepicker.min.css">
<!-- 引入通用css -->
<#include "/common/commoncss.ftl">
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/warning/mrWarningProcessing.css">
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/model.css">
</head>

<body class="nav-md">

<!--弹出模态框-->


<!-- 处理框 -->
<div class="modal fade in" id="pModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='static' padding-right: 17px;">
    <div class="modal-dialog"  role="document">

	    <div class="modal-content">
	      <!-- 标题 -->
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	        <h4 class="modal-title" id="myModalLabel">处理</h4>
	      </div>
	      
	      <!-- 内容 -->
	      <div class="modal-body">
              <form  id="processing" class=" form-horizontal">
                  <input type="hidden" name="id" id="cId"/>
                  <input type="hidden"  id="item"/>
                  <input type="hidden"  id="otype"/>
                  <input type="hidden"  id="o"/>
                  <div class="form-group">
                      <label for="dealPeople" class="col-sm-2 control-label mylabel">处理人</label>
                      <div class="col-sm-4 col-sm-me">
                          <input type="text" class="form-control" id="dealPeople" name="dealPeople" placeholder="请输入处理人名称">
                      </div>
                  </div>
                  <div class="form-group">
                      <label for="dealWay" class="col-sm-2 control-label mylabel">处理方式</label>
                      <div class="col-sm-4 col-sm-me">
                          <textarea  class="form-control" id="dealWay" name="dealWay" placeholder="请输入处理方式"></textarea>
                      </div>
                  </div>
              </form>
	      </div>
	      
	      <!-- 尾部 -->
	      <div class="modal-footer">
	      	<div class="footer-button">
	      		<button   class="btn btn-primary save" onclick="save()">保存</button>
	        	<button  class="btn btn-primary back"  data-dismiss='modal'>返回</button>   
	        </div>  
	      </div>
	      
	    </div>
	</div>
</div>

<!-- 查看框 -->
<div class="modal fade in" id="showModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='static' padding-right: 17px;">
    <div class="modal-dialog"  role="document">

	    <div class="modal-content">
	      <!-- 标题 -->
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	        <h4 class="modal-title" id="myModalLabel">处理详情</h4>
	      </div>
	      
	      <!-- 内容 -->
	      <div class="modal-body">
              <form  id="addOrEdit" class=" form-horizontal">
                  <div class="form-group">
                      <label for="compName" class="col-sm-2 control-label mylabel">处理人</label>
                      <div class="col-sm-4 col-sm-me">
                          <input type="text" class="form-control radius" id="People">
                      </div>
                  </div>
                  <div class="form-group">
                      <label for="address" class="col-sm-2 control-label mylabel">处理方式</label>
                      <div class="col-sm-4 col-sm-me">
                          <textarea  class="form-control radius" id="Way"></textarea>
                      </div>
                  </div>
              </form>
	      </div>
	      
	      <!-- 尾部 -->
	      
	      
	    </div>
	</div>
</div>

			<div class="mytop">
				<span class="fa fa-warning"></span><span style="margin-left:20px;">预警监控</span>&nbsp;&nbsp;<span class="fa fa-angle-right"></span>&nbsp;&nbsp;<span>预警处理</span>
			</div>
				<div class="container body-content">
					<div class="panel panel-default" style="margin-bottom: 0px">
						<div class="panel-body" >
							<form class="form-inline">
								<div class="row" style="margin: auto">
									<div class="col-sm-5 box1" style="margin-top: 10px;width:100%;">
										<label for='alarmItem' class='control-lable everylabel'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预警指标</label>
										<select id="alarmItem" class='selectpicker' data-live-search='true' data-live-search-placeholder='搜索'>
										</select>
										
										<label for='type' class='control-lable secondlabel everylabel'>报警时段</label>
										 <div class="form-group">
					                        <div class='input-group date'>
					                            <input type='text' class="form-control form-time"  id="stime" readonly placeholder="请输入起始时间"/>
					                            <span class="input-group-addon">
					                               <span class="glyphicon glyphicon-calendar"></span>
					                            </span>
					                        </div>
					                    </div>
					                    
										<label for='type' class='control-lable'>&nbsp;&nbsp;—&nbsp;&nbsp;</label>
										<div class="form-group">
					                        <div class='input-group date'>
					                            <input type='text' class="form-control form-time" id='etime'  placeholder="请输入结束时间" readonly/>
					                            <span class="input-group-addon">
					                               <span class="glyphicon glyphicon-calendar"></span>
					                              <!--  &nbsp;
					                               -->
					                            </span>
					                        </div>
					                        
					                    </div>
									</div>
									<div class="col-sm-7">
					                   <label for='objType' class='control-lable everylabel'>监控对象类型</label>
										<select id='objType' class='selectpicker' data-live-search='true' data-live-search-placeholder='搜索' onchange='change()'>
										</select>
										
										 <label for='obj' class='control-lable secondlabel everylabel'>监控对象</label>
										<select id='obj' class='selectpicker' data-live-search='true' data-live-search-placeholder='搜索'>
										</select>
										
										<button id="btn_query" type="button" class="btn btn-default">
							 				<span class="fa fa-search" aria-hidden="true"></span>&nbsp;查询
										</button>
									</div>
									
									
									 <button id="btn_processing" type="button" class="btn btn-default two-word-btn" onclick="processingById()" style="background-color: #FFA45A">
											 <span class="iconfont icon-jiekuanchulichenggong2" aria-hidden="true"></span>&nbsp;处理
										</button>
										 <button id='btn_show'  type="button" class="btn btn-default two-word-btn" onclick="showMessage()">
											 <span class="fa fa-eye" aria-hidden="true"></span>&nbsp;查看
										</button>
								</div>
							</form>
							
							<table id="tb_table"></table>
					</div>
					
				</div>
			
			</div>

	<!-- 引入通用和js -->
	<#include "/common/commonjs.ftl"> 
	<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/bootstrap-select.js"></script>
	<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/bootstrap-datetimepicker.js"></script>
	<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/bootstrap-datetimepicker.zh-CN.js"></script>
	<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/warning/mrWarningProcessing.js"></script> 
</body>
</html>